<!DOCTYPE html>
<html>

	<head>
	    <meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0">
		<title>首页</title>
		<link rel="stylesheet" href="../vendors/bootstrap/css/bootstrap.min.css" />
        <link rel="stylesheet" href="../vendors/fontawesome/css/font-awesome.min.css" />
        <link rel="stylesheet" href="../css/style.css">
        <link rel="stylesheet" href="../css/event.css">
	</head>

	<body>
		<!-- 页面头部 开始 -->
		<div class="ic-header ">
		    <div class="main-nav">
		        <div class="container">
		            <div class="row">
		            
		                <div class="main-logo col-xs-12 col-md-2">
		                    <a href="https://www.icolor.com.cn/">
		                        <img src="../images/public/icolor-logo.png" alt="icolor-logo">
		                    </a>
		                </div>
		
		                <div class="col-xs-12 col-md-6 col-lg-5">
		                    <ul class="list-unstyled row main-nav-ul">
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                            <a href="https://www.icolor.com.cn/meitu">
		                                <h2>美居美图</h2>
		                                <h4>海量图文灵感搭配</h4>
		                            </a>
		                        </li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/jiapin">
		                            <h2>美居家品</h2>
		                            <h4>场景体验一站购买</h4>
		                        </a></li>
		                        <li class="col-xs-4">
		                        <!-- @@@ 修改链接地址 -->
		                        <a href="https://www.icolor.com.cn/design">
		                            <h2>美居设计</h2>
		                            <h4>家居设计定制服务</h4>
		                        </a></li>
		                    </ul>
		                </div>
		
		              
		                
		            </div>
		        </div>
		    </div>
		</div>
		<!-- 页面头部 结束 -->
		

		<!-- 站点访问路径 结束 -->
		<!-- 设计会场内容主体开始-->
		<div class="container-fluid">
			<div class="row">
				<div class="iColor-list" id="iColorList">
				</div>
			</div>
		</div>

		<!-- 设计会场内容主体开始-->
		

		<!--模板开始-->
		<script id="template" type="text/x-jsrender">
			<div class="iColor-hot mt50">
			    <div class="iColor-tit">
			        <a href="https://www.icolor.com.cn/jiapin">今日最热门<i>HOT ON ICOLOR TODAY</i><span>more</span></a>
			    </div>
			    <ul class="clearfix">
			    	{{for hot}}
			        <li>
			            <a href="{{:href}}" target="_blank">
			            	<img src="{{:~imgUrl}}{{:img}}" alt="">
			            </a>
			        </li>
			        {{/for}}
			    </ul>
			</div>
			<div class="iColor-mj mt50">
			    <div class="iColor-tit">
			        <a href="https://www.icolor.com.cn/meitu">美居美图<i>Decoration Gallery</i><span>more</span></a>
			    </div>
			    <ul class="clearfix">
			    	{{for gallery}}
			        <li>
			            <a href="{{:href}}" target="_blank">
			            	<img src="{{:~imgUrl}}{{:img}}" alt="">
			            	<span>{{:name}}</span>
			            </a>
			        </li>
			        {{/for}}
			    </ul>
			</div>
			<div class="iColor-dz mt50">
			    <div class="iColor-tit">
			        <a href="https://www.icolor.com.cn/design">定制设计<i>CUSTOM DESIGN</i><span>more</span></a>
			    </div>
			    <ul class="clearfix">
			    	{{for custom}}
			        <li>
			        	<img src="{{:~imgUrl}}{{:img}}">
			            <span><a href="{{:href}}" target="_blank">了解更多</a></span>
			        </li>
			        {{/for}}
			    </ul>
			</div>
			<div class="iColor-zx mt50">
			    <div class="iColor-tit">
			        <a href="https://www.icolor.com.cn/design">装修服务<i>Decoration services</i><span>more</span></a>
			    </div>
			    <ul class="clearfix">
			    	{{for service}}
			        <li>
			            <a href="{{:href}}" target="_blank">
			            	<img src="{{:~imgUrl}}{{:img}}" alt="">
			            	<span>{{:name}}<i>{{:caption}}</i></span>
			            </a>
			        </li>
			        {{/for}}
			    </ul>
			</div>
			<div class="iColor-jp mt50">
			    <div class="iColor-tit">
			        <a href="https://www.icolor.com.cn/jiapin">美居家品<i>Household products</i><span>more</span></a>
			    </div>
			    <ul class="clearfix">
			    	{{for products}}
			        <li>
			            <a href="{{:href}}" target="_blank">
			            	<img src="{{:~imgUrl}}{{:img}}" alt="">
			            	<span>立即购买</span>
			            	<p><i>￥{{tofixed:price}}</i>{{:name}}</p>
			            </a>
			        </li>
			        {{/for}}
			    </ul>
			</div>
		</script>
		<!--模板结束-->
		

		<script type="text/javascript" src="../vendors/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="../vendors/bootstrap/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="../js/app.js"></script>

        <script src="../vendors/jsrender/jsrender.min.js"></script>
        <script src="../images/contents/event/index/data.js"></script>
        <script>
        	$(function(){

        		$.views.converters("tofixed", function(val) {
        			if(!Number(val)){
        				var valArr = val.split('/');
        				return Number(valArr[0]).toFixed(2) + '/' + valArr[1];
        			}else{
        		 		return Number(val).toFixed(2);
        		 	}
        		});

        		$.views.helpers({
        			imgUrl: '../images/contents/event/index/3/'   //图片路径，如需更改，请更换对应的路径地址
        		})

        		var $tpl = $('#template');
        		$('#iColorList').html($tpl.render(data));
        		$tpl.remove();
        	})
        </script>
	</body>

</html>